<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 角色列表</title>
    <link rel="shortcut icon" href="../content/static/img/favicon.ico">
    <link href="../content/css/common_modal.css" rel="stylesheet">
    <link href="../content/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="../content/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../content/static/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="../content/static/css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="../content/static/css/animate.min.css" rel="stylesheet">
    <link href="../content/static/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="../content/static/css/style.min.css?v=4.0.0" rel="stylesheet">
    <style>
        table-th{
            font-size: 12px;
            font-family: tahoma, "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
            line-height: 1.42857143;
            color: #333;
            background-color: #f5f5f5;
        }
        table tr{ height:40px;}
    </style>
</head>

<body class="content-container">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <ol class="breadcrumb">
                            <li>
                                <a>基础设置</a>
                            </li>
                            <li>
                                <a>角色列表</a>
                            </li>
                        </ol>
                    </div>
                    <div class="ibox-content">
                        <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                            <div class="alert alert-info">
                                <span>总条数：<span>12 条</span></span>
                            </div>
                        </div>
                        <table class="table table-hover table-bordered">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>角色名称</th>
                                    <th>角色描述</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="item in result">
                                    <td><span v-text="item.id"></span></td>
                                    <td><span v-text="item.name"></span></td>
                                    <td><span v-text="item.description"></span></td>
                                    <td><span v-text="item.rowStatus==0?'启用':'禁用'"></span></td>
                                    <td>
                                        <a href="javascript:;">编辑</a>
                                        <a href="javascript:;">删除</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div style="display: none;" v-show="pageInit">
            <modal v-bind:show.sync="detailModal.show" v-bind:style="detailModal .style" v-bind:add-class="detailModal.addClass">
                <h4 slot="header">角色编辑</h4>
                <div slot="body" class="clearfix">
                    <form class="form-horizontal m-t" id="signupForm" novalidate="novalidate">
                        <div class="form-group" style="margin-top: 15px">
                            <label class="col-sm-2 control-label tooltip-demo">角色名称
                            </label>
                            <div class="col-sm-4">
                                <input id="firstname" name="firstname" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">角色描述</label>
                            <div class="col-sm-4">
                                <textarea id="ccomment" name="comment" class="form-control" required="" aria-required="true"></textarea>
                            </div>
                        </div>

                    </form>
                </div>
            </modal>
            <modal v-bind:show.sync="selectModal.show" v-bind:style="selectModal .style" v-bind:add-class="selectModal.addClass">
                <h4 slot="header">角色选择</h4>
                <div slot="body" class="clearfix">
                    <table class="table table-hover table-bordered">
                        <thead>
                            <tr>
                                <th>一级权限</th>
                                <th>二级权限</th>
                                <th>三级权限</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td rowspan="8">销售&仓管&采购</td>
                                <td>销售订单</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 关闭</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 发送单据</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 审核</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>销售</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 发送单据</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>销售退货</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 发送单据</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>进货订单</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 发送单据</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 审核</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>进货</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 发送单据</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>进货退货</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 发送单据</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>库存查询</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 库存流水</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>库存盘点</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td rowspan="6">财务</td>
                                <td>日常收支</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>收支项目管理</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增及编辑</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 删除</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>账户转账</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>应收欠款</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 发送单据</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>应付欠款</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 作废</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>资金流水</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 导出</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td rowspan="2">基础</td>
                                <td>客户管理</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增及编辑</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 删除</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导入</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 期初欠款维护</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 启用停用</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>供应商管理</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 新增及编辑</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 删除</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导入</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 期初欠款维护</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox3" type="checkbox"><label for="checkbox3"> 启用停用</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td rowspan="5">报表</td>
                                <td>销售报表</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>进货报表</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>经营状况报告</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>利润报表</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>业绩报表</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td rowspan="5">产品</td>
                                <td>商品列表</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 新增及编辑</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 启用停用</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 删除</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导入</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 导出</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 打印</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 期初库存维护</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>单位设置</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 新增及编辑</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 启用停用</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70p;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 删除</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>结算账户</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 新增及编辑</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 90px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 启用停用</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 删除</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 期初账户维护</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>商品分类</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 100px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 新增及编辑</label>
                                    </div>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;margin-top: 10px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 删除</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>期初查询</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 查询</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                            <tr>
                                <td>其他</td>
                                <td>打印模板设置</td>
                                <td>
                                    <div class="checkbox checkbox-success" style="float: left;width: 70px;">
                                        <input id="checkbox2" type="checkbox"><label for="checkbox2"> 设置</label>
                                    </div>
                                </td>
                                <td>已启用</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </modal>
        </div>
    </div>
    <script src="../content/js/lib/vue/vue.min.js"></script>
    <script src="../content/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="../content/static/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="../content/static/js/plugins/switchery/switchery.js"></script>
    <script src="../content/static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../content/static/js/content.min.js?v=1.0.0"></script>
    <script src="../content/js/lib/vue/vue-modal.js"></script>
    <script src="../content/js/common.js"></script>
    <script type="text/javascript">
        var vmData = {
            detailModal: {
                show: false,
                style: {
                    width: '780px',
                    height: "auto"
                },
                addClass: 'scroll-modal',
                func: {
                    type: Function
                },
                close: function () {
                    vm.detailModal.show = false;
                }
            },
            selectModal: {
                show: false,
                style: {
                    width: '980px',
                    height: "auto"
                },
                addClass: 'scroll-modal',
                func: {
                    type: Function
                },
                close: function () {
                    vm.selectModal.show = false;
                }
            },
        };
        vmData = $.extend(vmData, baseData);
        var vmMothod = {
            init: function () {
                vm.$set('PageSearch', vm.searchData);
                vm.searchData();
            },
            detailShow: function (serialNumber) {
                vm.detailModal.show = true;
            },
            selectShow: function (serialNumber) {
                vm.selectModal.show = true;
            },
            searchData: function (flag) {
                $("#Status").val('');
                $("#Type").val('');
                let ajaxParam = {
                    url: 'config/findAllRoles',
                };
                vm.RequestGetAajx(ajaxParam, function (e) {
                    if (e.status == 200 && e.data) {
                        vm.$set('result', e.data.roleList);
                    }
                });
            },
        };
        vmMothod = $.extend(vmMothod, baseCommonFunction);
        var vm = new Vue({
            el: '.content-container',
            data: vmData,
            methods: vmMothod
        });
        vm.init();
    </script>
</body>

</html>